<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style10.css">
</head>

<body>
    <div class="top p-5" id="home">
        <div class="juzhong">
            <div class="flex">
                <div class="t-a">
                    <img src="./图片/Rectangle 5.png">
                    <img src="./图片/Shape.png" class="img2">
                    <h>Better Desk</h>
                </div>
                <div class="another">
                    <div class="ther">
                        <ul class="ron">
                            <li class="x">
                                <a href="#home">Home</a>
                            </li>
                            <li>
                                <a href="#Products">Product</a>
                            </li>
                            <li>
                                <a href="#Demo">Demo</a>
                            </li>
                            <li><a href="#Resources">Resources</a></li>
                            <li class="sign"><a href="#Sign in">Sign in</a></li>
                            <button type="submit" class="kun">Sign up</button>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 顶部 -->
        <div class="juzhong p-10">
            <div class="flex">
                <div class="with p-25">
                    <div class="width">
                        <h2 class="build">Build a company your customers love.</h2>
                        <div class="flex1">
                            <input type="email" name="email" placeholder="Enter your work email">
                            <button type="submit" class="btn">sign up</button>
                        </div>
                    </div>
                </div>
                <div class="pic-t">
                    <img src="./图片/Illustration.png">
                </div>
            </div>
        </div>
        <!-- 内容 -->
    </div>
    <!-- first -->
    <div class="san">
        <div class="juzhong">
            <div class="fle p-4">
                <div class="pic1">
                    <img src="./图片/logo1.png">
                </div>
                <div class="pic1">
                    <img src="./图片/logo2.png">
                </div>
                <div class="pic1">
                    <img src="./图片/logo3.png">
                </div>
                <div class="pic1">
                    <img src="./图片/logo4.png">
                </div>
                <div class="pic2">
                    <img src="./图片/logo5.png">
                </div>
            </div>
        </div>
    </div>
    <!-- second -->
    <div class="four p-1" id="Products">
        <div class="juzhong p-40">
            <div class="w center">
                <h4 class="let">Let's make customer support interaction more human & more reliable</h4>
            </div>
            <div class="fe p-t">
                <div class="m-w">
                    <img src="./图片/Oval 3.png" class="nou">
                    <img src="./图片/noun_550443.png" class="noun">
                    <div class="sup">
                        <h4>Support</h4>
                        <p>Vestlbulum rutrum quam vitae fringilla tincid</p>
                        <a href="#index.html">Learn More<svg t="1622796118402" class="icon" viewBox="0 0 1024 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1176" width="10" height="10">
                                    <path
                                        d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"
                                        p-id="1177" fill="#13227a"></path>
                                </svg></a>
                    </div>
                </div>
                <div class="m-d">
                    <img src="./图片/Oval 3 Copy.png" class="nou">
                    <img src="./图片/noun_744331.png" class="noun1">
                    <div class="sup">
                        <h4>Help Desk</h4>
                        <p>Cras quis nulla commodo aliquan lectus sed</p>
                        <a href="#index.html">Learn More<svg t="1622796118402" class="icon" viewBox="0 0 1024 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1176" width="10" height="10">
                                    <path
                                        d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"
                                        p-id="1177" fill="#13227a"></path>
                                </svg></a>
                    </div>
                </div>
                <div class="m-s">
                    <img src="./图片/Oval 3 Copy 2.png" class="nou">
                    <img src="./图片/noun_812887.png" class="noun2">
                    <div class="sup">
                        <h4>Chat</h4>
                        <p>Fusce vehicula dolor arcu sit amet blandit dolor</p>
                        <a href="#index.html">Learn More<svg t="1622796118402" class="icon" viewBox="0 0 1024 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1176" width="10" height="10">
                                    <path
                                        d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"
                                        p-id="1177" fill="#13227a"></path>
                                </svg></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- three -->
    <div class="five p-d" id="Demo">
        <div class="juzhong p-b1">
            <div class="desk tnerr">
                <div class="bet">
                    <h4 class="wht">Why
                        <h>Better Desk</h>
                    </h4>
                </div>
                <p>Fusce vehicula dolor arcu,sit amet blandit dolor mollis .Donec viverra eleitend lacus ,vitae ullamcorper metus. Sed sollicitudin ipsum quis nunc sollicitudin ultrices .Donec euisomod scelerisque ligula. Maecenas eu varius risus, eu aliquet
                    arcuu
                </p>
            </div>
            <div class="felx">
                <div class="max">
                    <div class="nei">
                        <h4 class="for">Support for growing business</h4>
                        <p>Donec facilisis tortor ut auque lacinia, at viverra est semper. Sed sapien metus. scelerisque nec pharetra id tempor a tortor Pellentesque non dignissim neque. Ut porta
                        </p>
                    </div>
                    <div class="e-l">
                        <p>1 billion interactions per vear</p>
                        <p>Minimal effort</p>
                        <p>Maximum knowledge</p>
                    </div>

                </div>
                <div class="other">
                    <div class="o-p">
                        <div class="to-p">
                            <h4>To Do List</h4>
                            <div id="y-u">
                                <h class="sx">6</h>
                            </div>
                        </div>
                        <div id="y">
                            <h class="six">+ New</h>
                        </div>
                    </div>
                    <div class="pic-1">
                        <img src="./图片/Tasks.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- four -->
    <div class="six1 p-o">
        <div class="juzhong p-30">
            <div class="zi">
                <h4 class="more">Learn More About us</h4>
            </div>
            <div class="picture">
                <div class="max-w">
                    <img src="./图片/women-1209678__480.png">
                    <p>Vestibulum rutrum quam vitae ngilla
                    </p>
                    <a href="#index.html">Learn More<svg t="1622796118402" class="icon" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1176" width="10" height="10">
                                <path
                                    d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"
                                    p-id="1177" fill="#13227a"></path>
                            </svg></a>
                </div>
                <div class="max-y">
                    <img src="./图片/adult-1850177__480.png">
                    <p>Lorem ipsum dolor sit amet consectetur adipisci
                    </p>
                    <a href="#index.html">Learn More<svg t="1622796118402" class="icon" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1176" width="10" height="10">
                                <path
                                    d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"
                                    p-id="1177" fill="#13227a"></path>
                            </svg></a>
                </div>
                <div class="max-u">
                    <img src="./图片/Rectangle 2 Copy.png">
                    <p>Fusce vehicula dolor arcu. sit amet blan
                    </p>
                    <a href="#index.html">Learn More<svg t="1622796118402" class="icon" viewBox="0 0 1024 1024"
                                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1176" width="10" height="10">
                                <path
                                    d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"
                                    p-id="1177" fill="#13227a"></path>
                            </svg></a>
                </div>
            </div>
        </div>
    </div>
    <!-- five -->
    <div class="seven">
        <div class="juzhong p-tb">
            <div class="f-p">
                <div class="is">
                    <h4>BetterDesk is recognized as top Unified Communications provider in 2016 Magic Quandrant</h4>
                    <p>Read Repoat</p>
                </div>
                <div class="p-e">
                    <img src="./图片/112233.png" style="width: 240px;height: 55px;">
                </div>
            </div>
        </div>
    </div>
    <!-- six -->
    <div class="eight" id="Resources">
        <div class="juzhong">
            <div class="j-k">
                <img src="./图片/woman-690036_1280.png" style="width: 1450px;">
                <div class="E-F">
                    <h1>"When Better Desk was introduced. our business grows a lot - Strongly recommer"</h1>
                    <p>Sharon Herrera d Buffe</p>
                    <img src="./图片/Rectangle 6.png" style="position: relative;left: 20px;">
                    <img src="./图片/Triangle.png" style="position: relative;   right: 27px;bottom: 22px;">
                </div>
            </div>
        </div>
    </div>
    <!-- seven -->
    <div class="nine">
        <div class="juzhong p-tbl">
            <div class="d-s p-l">
                <div class="pi-1">
                    <img src="./图片/Placeholder.png">
                    <div class="t-n">
                        <h4 class="sharon">Sharon Herrera</h4>
                        <img src="./图片/logo 4.png">
                    </div>
                </div>
                <div class="pi-1">
                    <img src="./图片/Placeholde1r.png">
                    <div class="t-z">
                        <h4>Diana moreno</h4>
                        <img src="./图片/logo 2.png">
                    </div>
                </div>
                <div class="pi-1">
                    <img src="./图片/Placeholder2.png">
                    <div class="t-z">
                        <h4>Diane Tran</h4>
                        <img src="./图片/logo 1.png">
                    </div>
                </div>
                <div class="pi-1">
                    <img src="./图片/Placeholder3.png">
                    <div class="t-z">
                        <h4>Julia wilson</h4>
                        <img src="./图片/logo 12.png">
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- eight -->
    <div class="ten">
        <div class="juzhong">
            <div class="k-p dessk">
                <div class="o-l">
                    <h4>Great Products Deliver Happiness to Users</h4>
                </div>
                <div class="an">
                    <input type="text" class="tex" name="w3lName" id="w3lName" placeholder="Enter your work email" required="" data-kwimpalastatus="alive" data-kwimpalaid="1621699329022-0">
                    <button type="submit" class="bn">sign up</button>
                </div>
            </div>
        </div>
    </div>
    <!-- nine -->
    <div class="eleven" id="Sign in">
        <div class="juzhong">
            <div class="t-p betwteen">
                <div class="diyi">
                    <img src="./图片/Rectangle 5.png">
                    <img src="./图片/Shape.png" class="img2">
                    <h>Better Desk</h>
                    <p>This template is created by @iamjoannajiang UX Designer <a href="#www.betterdesign.io">www.betterdesign.io</a>
                    </p>
                </div>
                <div class="u-l1">
                    <ul class="op">
                        <h1>ABOUT</h1>
                        <li>Our Mission</li>
                        <li>Jobs</li>
                        <li>Blog</li>
                    </ul>
                </div>
                <div class="u-l2">
                    <ul class="op">
                        <h1>SUPPORT</h1>
                        <li>FAQ </li>
                        <li>Help Center</li>
                        <li>Terms of Service</li>
                        <li>Privacy Policy </li>
                    </ul>
                </div>
                <div class="u-l">
                    <ul class="op">
                        <h1>CONTECT</h1>
                        <li>Email Us</li>
                        <li>Live Chat</li>
                    </ul>
                </div>
                <div class="icon-1">
                    <div class="twitter">
                        <svg t="1622858700424" class="icon2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2468" width="20" height="20">
                                <path
                                    d="M962.267429 233.179429q-38.253714 56.027429-92.598857 95.451429 0.585143 7.972571 0.585143 23.990857 0 74.313143-21.723429 148.260571t-65.974857 141.970286-105.398857 120.32-147.456 83.456-184.539429 31.158857q-154.843429 0-283.428571-82.870857 19.968 2.267429 44.544 2.267429 128.585143 0 229.156571-78.848-59.977143-1.170286-107.446857-36.864t-65.170286-91.136q18.870857 2.852571 34.889143 2.852571 24.576 0 48.566857-6.290286-64-13.165714-105.984-63.707429t-41.984-117.394286l0-2.267429q38.838857 21.723429 83.456 23.405714-37.741714-25.161143-59.977143-65.682286t-22.308571-87.990857q0-50.322286 25.161143-93.110857 69.12 85.138286 168.301714 136.265143t212.260571 56.832q-4.534857-21.723429-4.534857-42.276571 0-76.580571 53.979429-130.56t130.56-53.979429q80.018286 0 134.875429 58.294857 62.317714-11.995429 117.174857-44.544-21.138286 65.682286-81.115429 101.741714 53.174857-5.705143 106.276571-28.598857z"
                                    p-id="2469" fill="#8a8a8a"></path>
                            </svg>
                    </div>
                    <div class="facebook">
                        <svg t="1622858730397" class="icon2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1854" width="20" height="20">
                                <path
                                    d="M699.638029 523.672854l17.122983-132.780119L610.151949 390.892735l-0.99363-84.776825c0-38.441521-13.164834-64.641229 41.954531-64.641229l70.25611-0.039909L721.36896 122.68418c-12.130272-1.620917-53.832046-5.235235-102.43602-5.235235-101.386108 0-170.747849 61.890582-170.747849 175.531805l0 97.913007L333.517491 390.893758l0 132.780119 114.668623 0 0 340.684216 159.979598 0 0.99363-340.684216L699.638029 523.673877z"
                                    p-id="1855" fill="#8a8a8a"></path>
                            </svg>
                    </div>
                    <div class="ins">
                        <svg t="1622858758915" class="icon2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2824" width="20" height="20">
                                <path
                                    d="M428.1 843h137.1V577.1c0-13.2 1.8-27.3 5.4-35.8 9-26.4 31.6-53.7 69.5-53.7 49.6 0 69.5 40.5 69.5 100V843h137.1V569.5c0-135.8-67.7-198-157.9-198-73.1 0-118.2 44.3-136.2 73.6h-2.7l-6.3-63.2H424.5c1.8 40.6 3.6 89.6 3.6 147.1v314zM249.5 181c-44.2 0-73.1 31.1-72.2 72.6-0.9 39.6 28 71.7 71.3 71.7 45.1 0 74-32.1 74-71.7-0.9-41.5-28.9-72.6-73.1-72.6z m68.6 662V381.9H180.9V843h137.2z"
                                    fill="#8a8a8a" p-id="2825"></path>
                            </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>